html
{
	margin:0px;
	padding:0px;
	height: 100%;
	width:100%;
 }

.toolBotton
{
	border: none;
	border-bottom:#99bbe8 1px solid;
	background: #ccc url(images/share/tbg.gif) repeat-x 50% top;
	overflow: hidden;
	position: relative;
	height: 25px;
	padding:0;
	margin:0;
}
.toolBotton a
{
	display:block;
	width:auto;
	cursor:pointer;
}
.toolBotton a span
{
	float: left;
	display:block;
	width:auto;
	cursor:pointer;
}

body
{
	margin: 0;
	background-color: #E8F1F8;
	/*font-size: 12px;*/
	padding: 0;
	height: 100%;
	width:100%;
}

.calendar div, .calendar span, .calendar td
{
	font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	 color: #000000;
}
a:link, a:visited
{
	text-decoration: none;
	color: #333;
}
input
{
	border: solid 1px #3C7FB1;
}

select
{
	border: #3C7FB1 1px solid;
}
input[type='text']
{
	border: solid 1px #3C7FB1;
	height:18px;
}
input[type='checkbox']
{
	border: none;
}
input[type='radio']
{
	border: none;
}
textarea
{
	border: solid 1px #3C7FB1;
	overflow:auto;
}
.ellipsis
{
	white-space: nowrap;
	text-overflow: ellipsis; /* for internet explorer */
	overflow: hidden;
	display: block;
}
html > body .ellipsis
{
	clear: both;
}
.bbit-main
{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:0;
	background-color:#E8F1F8;
}
a.linkdelete span
{
	text-decoration:underline;
	color: #000000;
	padding-left:18px;
	background: url(./images/icons/delete.png) no-repeat left 6px;
	padding-top:5px;
}
a.imgbtn
{
	color: #000000;
}
a.imgbtn span
{
	padding: 4px 4px 3px 21px;
	cursor: pointer;
}

a.imgbtn:hover span
{
	border: #466094 1px solid;
	padding: 3px 3px 2px 20px;
	cursor: pointer;
	background-color: #EDF1D5;
}
a.imgbtn span.Save
{
	background: url(./images/icons/Item.Save.gif) no-repeat 3px 4px;
}
a.imgbtn span.Close
{
	background: url(./images/icons/Btn.Close.gif) no-repeat 3px 4px;
}
a.imgbtn span.Delete
{
	background: url(./images/icons/delete.png) no-repeat 3px 4px;
}

span.addcal
{
	padding-left:20px;
	background: url(./images/icons/date_add.png)  no-repeat 1px 50%;
}
span.showdayview
{
	padding-left:20px;
	background: url(./images/icons/cal-day.gif)  no-repeat 1px 50%;
}
span.showweekview
{
	padding-left:20px;
	background: url(./images/icons/cal-week.gif)  no-repeat 1px 50%;
}
span.showwkweekview
{
	padding-left:20px;
	background: url(./images/icons/cal-wk-week.gif)  no-repeat 1px 50%;
}
span.chinese
{
	padding-left:20px;
	background: url(./images/icons/cn.gif)  no-repeat 1px 50%;
}
span.english
{
	padding-left:20px;
	background: url(./images/icons/us.gif)  no-repeat 1px 50%;
}
span.english_au
{
	padding-left:20px;
	background: url(./images/icons/au.gif)  no-repeat 1px 50%;
}
span.showmonthview
{
	padding-left:20px;
	background: url(./images/icons/cal-month.gif)  no-repeat 1px 50%;
}
span.showtoday
{
	 padding-left:20px;
	background: url(./images/icons/date.png)  no-repeat 1px 50%;
}

span.fprev
{
	width:18px;
	background:url("./images/icons/resultset_previous.png") no-repeat 1px bottom;
}
span.fnext
{
	width:18px;
	background:url("./images/icons/resultset_next.png") no-repeat 1px bottom;
}
span.showdayflash
{
	padding-left:20px;
	background:url("./images/icons/date_reflash.png") no-repeat 1px 50%;
}
.size1
{
	width:50px;
}
.size2
{
	width:100px;
}
.size3
{
	width:160px;
}
.size4
{
	width:200px;
}
.size5
{
	width:260px;
}
.size6
{
	width:300px;
}
.size7
{
	width:360px;
}
.X
{
	float:right;
	padding-right:3px;
	color:#555;
	cursor:pointer;
	height:16px;
}
.nodisplay
{
	display:none;
}
/* JQuery Validation */
label.error
{
	padding: 2px 0 2px 20px;
	display: block;
	background: url(images/validation/exclamation.png) no-repeat 2px center;
}
input.error,select.error,textarea.error,  input.cusErrorPanel,cusErrorPanel.cusErrorPanel,textarea.cusErrorPanel
{
	border:solid 1px red;
}
label.checked
{
	float:none;
	 position:relative;
	padding: 0px 0 0px 18px;
	background: url(images/validation/accept.png) no-repeat 2px center;
}
div.error
{

}

div.cusErrorPanel
{
	z-index: auto;
	position:absolute;
	width: 276px;
	height: 35px;
	overflow: hidden;
	text-indent: 5px;
	line-height: 40px;
	font-size: 12px;
	font-family: Arial;
	background: url(images/validation/tooltop.gif) no-repeat left top;
	opacity:0.9;
	filter: alpha(opacity=90);
}
.infocontainer
{
	margin:2px;
 padding:4px;
 border:1px solid #999;
 background:#fff;
}
.fform
{
   margin:0px;
}
.fform label
{
	display:block;
	margin-top:2px;
	padding:2px;
	vertical-align:top;
}
.fform label.checkp
{
	   display:inline;
}
.fform label span
{
	font-weight:bold;
	 display:block;
}
input.noborder
{
 border:none;
}


.doing
{
	color: red;
	vertical-align: middle;
	display: none;
	position: absolute;
	left: 20%;
	top: 20%;
	border: solid 1px #555;
	background-color: #FFFF00;
	padding: 5px;
}
div.clear
{
	clear:both;
}



div.cHead
{
	background: url(images/calendar/headbg.png) repeat-x top;
	border: 1px solid #99bbe8;
	border-top: 0px;
	font-weight: bold;
	display: block;
	overflow: hidden;
	white-space: nowrap;
	position: relative;
}

 div.cHead div
{
	padding:4px;
	white-space: nowrap;
}
 div.cHead div.ftitle
{
	background:url("images/calendar/grid.png") no-repeat left ;
	color:#15428b;
	margin-left:10px;
	padding-left:20px;
}
 div.cHead div.ptogtitle
{
	position: absolute;
	top: 3px;
	right: 15px;
	height: 18px;
	padding: 1px 2px 1px 2px;
	font-weight: normal;
}
 div.cHead div.loadicon
{
	 background:#c44;
	 color:#fff;

}
 div.cHead div.loaderror
{
   padding: 1px 4px 1px 4px;
   background:#fad163;
}

div.cHead div.ptogtitle input
{
	height:16px;
	border:solid 1px #ccc;
	background-color:#fff;
	padding-left:4px;
}

div.ctoolbar
{
	BORDER-RIGHT: #99bbe8 1px solid;
	BORDER-TOP: #99bbe8 0px solid;
	BACKGROUND: #ccc url(images/calendar/tbg.gif)  repeat-x 50% top;
	OVERFLOW: hidden;
	BORDER-LEFT: #99bbe8 1px solid;
	BORDER-BOTTOM: #99bbe8 1px solid;
	POSITION: relative;
	HEIGHT: 25px
}
div.ctoolbar div.fbutton
{
	PADDING-RIGHT: 1px;
	DISPLAY: block;
	PADDING-LEFT: 1px;
	FLOAT: left;
	PADDING-BOTTOM: 1px;
	CURSOR: pointer;
	PADDING-TOP: 1px;
	HEIGHT: 22px;
	margin-left:1px;

}

div.ctoolbar div.fbutton  div
{
	float: left;
	padding: 2px 3px;
}
div.ctoolbar div.fbutton span
{
	float: left;
	display: block;
	height:18px;
}

div.ctoolbar div.fbutton.fcurrent
{
	border: #555 1px solid;
	padding: 0;
	cursor: pointer;
	background-color: #EDF1D5;
}

div.ctoolbar div.fbutton.fcurrent div
{
	padding: 1px 2px;
	border-left: 1px solid #fff;
	border-top: 1px solid #fff;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
}

div.ctoolbar div.fbutton:hover, .div.ctoolbar div.fbutton.fbOver
{
	border: #466094 1px solid;
	padding: 0;
	cursor: pointer;
	background-color: #EDF1D5;
}

div.ctoolbar div.fbutton:hover div, .div.ctoolbar div.fbutton.fbOver div
{
	padding: 1px 2px;
	border-left: 1px solid #fff;
	border-top: 1px solid #fff;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
}
div.ctoolbar div.btnseparator
{
	float: left;
	height: 18px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #fff;
	margin: 1px;

}

div.ctoolbar div.fshowdatep
{
	PADDING-RIGHT: 1px;
	DISPLAY: block;
	PADDING-LEFT: 1px;
	FLOAT: left;
	PADDING-BOTTOM: 1px;
	CURSOR:default;
	PADDING-TOP: 1px;
	HEIGHT: 22px;
}
div.ctoolbar div.fshowdatep  div
{
	float: left;
	padding: 2px 3px;
}
div.ctoolbar div.fshowdatep span
{
	float: left;
	display: block;
}
div.cbody div.ctablehead
{
	border-right: #ccc 1px solid;
	border-top: #fff 1px solid;
	background: #e3f7ff url('images/calendar/gridth.gif') repeat-x left bottom;
	overflow: hidden;
	border-left: #ccc 1px solid;
	border-bottom: #9c9c9c 0px solid;
	position: relative ;
	height:25px;
}
div.cbody div.ctablehead th div,div.cbody div.ctablebody td div
{
	padding: 4px;
	border-left:none;
	overflow:hidden;
}
div.cbody div.ctablehead  th /* common cell properties*/
{
	text-align: left;
	border-right:solid 1px #ddd;
	border-left:solid 1px #fff;
	overflow: hidden;
	vertical-align: top !important;
	font-weight: normal;
	cursor: default;
	white-space: nowrap;
}
div.cbody div.ctablehead div.ctableheadp
{
	float:left;
}
div.cbody div.ctablehead th div
{
	height:17px;

 }

 div.cbody div.ctablebody
 {
	 BORDER-RIGHT: #ccc 1px solid;
	 BORDER-TOP: #ccc 0px solid;
	 BACKGROUND: #dfe8f6;
	 OVERFLOW: auto;
	 BORDER-LEFT: #ccc 1px solid;
	 BORDER-BOTTOM: #ccc 1px solid;
	 POSITION: relative
 }

 div.cbody div.ctablebody td  /* common cell properties*/
{
	text-align: left;
	border-left:solid 1px #fff;
	border-top: none;
	border-bottom: 1px dotted #ddd;
	border-right:solid 1px #ddd;
	overflow: hidden;
	vertical-align: top !important;
	white-space: nowrap;
	background-color:#fff;
	cursor:default;
}
 div.cbody div.ctablebody tr.erow td
{
	background: #F5FFEF;
}
 div.cbody div.ctablebody tr:hover td,
 div.cbody div.ctablebody tr.trOver td
{
	background: #FFFFBB;
	border-left: 1px solid #eef8ff;
	border-bottom: 1px dotted #a8d8eb;
}


 div.cbody div.ctablebody td div
{
	border-top: 0px solid #fff;
	padding-bottom: 2px;
}

div.ViewgBlock
{
	background: #E3E3E3 url('images/calendar/load-bg.png');
}
div.ViewgBlock>div.loading
{
	width: 100%;
	height: 100%;
	display: block;
	opacity:0.5;
	filter: alpha(opacity=50);
	background:#f4f4f4 url('images/calendar/indicator_web20_working.gif') no-repeat center center;
}



.transparent
{
	filter:alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
	background-color:#000;
}
#faddbtn
{
	display:none;
}
#showtodaybtn
{
	display:none;
}
#showdaybtn
{
	display:none;
}
#showmonthbtn
{
	display:none;
}